<template>
  <div>
    <h3>主页面</h3>
    <!-- {{ user_info }} -->
    <p>用户名：{{ user_info.username }}</p>
    <p>等级：{{ user_info.grad }}</p>
    <p>头像：{{ user_info.img }}</p>
    <p>发布数量：{{ user_info.count }}</p>
    <p>粉丝数量：{{ user_info.fans }}</p>
    <p>关注数量：{{ user_info.att }}</p>
    <p>
        <el-avatar :src="user_info.img"></el-avatar>
    </p>
    <el-button @click="listen">点击此处跳转到听歌列表页</el-button>
    
  </div>
</template>

<script>
import axios from "axios"
export default {
    data(){
        return{
            // m_list:[],
            user_info:{},
        }
    },
    mounted(){
        this.getDate()
        // let user_obj=localStorage.getItem('user')
        // if(user_obj){
        //     user_list=JSON.parse(user_obj)

        // }
    },
    methods:{
        listen(){
            this.$router.push('/listenm')
        },
        getDate(){
            axios.get('http://127.0.0.1:8000/user/info/',{
                params:{
                  token: localStorage.getItem("token"),
                }
            })
            .then(resp=>{
                if(resp.data.code ==200){
                    this.user_info=resp.data.data
                }
            })
            .catch(err=>{
                console.log(err);
            })
        },

    }
}
</script>

<style>

</style>